<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

  </head>
  
  <body>
    <%@ include file="top.jsp" %>
    <div class="container" style="margin-top:50px">
		<div class="row">
			<div class="span3">
				<div class="well" style="padding:10px 0;margin-top:20px;">
					<ul class="nav nav-list">
					  <li class="nav-header">${pu.project.name}</li>
					  <li>${sessionScope.user.username}:${pu.role}</li>
					  <li class="divider"></li>
					  <li ><a href="project.jspx?id=${pu.projectid }"><i class="icon-home"></i>最新动态</a></li>
					  <li class="active"><a href="goal.jspx"><i class="icon-white icon-flag"></i>目标</a></li>
					  <li><a href="document.jspx"><i class="icon-folder-open"></i>资料库</a></li>
					  <li><a href="file.jspx"><i class="icon-file"></i>文件共享</a></li>
					  <li><a href="contact.jspx"><i class="icon-user"></i>联系人</a></li>
					  <li><a href="idea.jspx"><i class="icon-fire"></i>想法</a></li>
					  <li><a href="#"><i class="icon-warning-sign"></i>Bug</a></li>
					  <li><a href="main.jspx?m=editProject&id=${pu.projectid }"><i class="icon-cog"></i>项目设置</a></li>
					</ul>
				</div>
			</div>
			<div class="span9" style="margin-top:30px">
				<div class="btn-group" style = "float:right;">
					<button class="btn">
						<i class="icon-cog"></i>操作		
					</button>
					<button class="btn dropdown-toggle" data-toggle="dropdown">					
						<span class="caret" style="height:7px"></span>
					</button>
					<ul class="dropdown-menu">
						<li><a href="goal.jspx?m=addGoal"><i class="icon-plus"></i>添加新目标</a></li>
						<li><a href="task.jspx"><i class="icon-zoom-in"></i>浏览所有任务</a></li>
					</ul>
				</div>
				<div class="clear" ></div>
				<c:if test="${fn:length(goallist) == 0 }">
					<ul class="breadcrumb" style="margin-bottom:0px;border-radius: 3px 3px 0 0;margin-top:40px">
					<li class="active">
						<p style="color:red;font-size:16px">您还没有创建任何目标！</p>
					</li>
					</ul>
				</c:if>
				<c:forEach items="${requestScope.goallist }" var = "g">
					<ul class="breadcrumb" style="margin-bottom:0px;border-radius: 3px 3px 0 0;margin-top:40px;height:25px">
					<li class="active">
						<i class="icon-th"></i><a href="goal.jspx?m=task&id=${g.id }" style="font-size:16px">${g.name}</a>
						<span class="divider"></span>
					</li>
					<li class="active" style="float:right">
						<i class="icon-edit"></i><a href="goal.jspx?m=edit&id=${g.id }" style="font-size:16px">编辑</a>
						<span class="divider"></span>
					</li>
					</ul>
					<div class="well" style="border-radius:0px;border-top:0px;">
					<p>${g.cont}</p>		
					<div class="progress progress-success active">
						<div class="bar" style="width: ${g.rate}%;">
						已完成${g.rate }%
						</div>
					</div>
				</div>
				</c:forEach>			
			</div>																				
		</div>
	</div>
  </body>
</html>
